/* Prism components - guestbook (留言板): the leave-a-message form, the threaded
   message list (with optional admin reply), and the compact report card.
   Reuses .c-section / .c-input / .c-vodbtn / .c-pager / .c-empty / .c-formmsg
   from the shared layers; only guestbook-specific pieces live here.
   ASCII-only comments on purpose - non-ASCII in a comment can swallow the next rule. */

/* ---- leave-message form ---- */
.c-msgform{display:flex;flex-direction:column;gap:var(--space-sm)}
.c-msgform__input{min-height:7em;resize:vertical;line-height:var(--lh-base)}
.c-msgform__bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}
.c-msgform__count{font-size:var(--fs-xs);color:var(--c-text-muted);margin-right:auto}
.c-msgform__count b{color:var(--c-accent);font-weight:600}
.c-msgform__verify{display:flex;gap:var(--space-sm);align-items:stretch}
.c-msgform__verify .c-input{width:8.5em}
.c-msgform__verify img{height:42px;width:auto;border-radius:var(--radius-md);border:1px solid var(--c-border);cursor:pointer}
.c-msgform__submit{flex:none;justify-content:center}
.c-msgform .c-formmsg{margin:0}
.c-msgnotice{display:flex;align-items:center;gap:.5em;padding:.8em .9em;border-radius:var(--radius-md);
  background:var(--c-surface-2);border:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted)}
.c-msgnotice .bi{color:var(--c-accent)}
.c-msgnotice a{color:var(--c-accent);font-weight:600}

/* ---- message list ---- */
.c-msglist{display:flex;flex-direction:column;gap:var(--space-md);container-type:inline-size}
.c-msg{display:flex;gap:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--c-border)}
.c-msg:last-child{border-bottom:0;padding-bottom:0}
.c-msg__avatar{width:44px;height:44px;flex:none;border-radius:50%;overflow:hidden;background:var(--c-surface-2);
  border:1px solid var(--c-border)}
.c-msg__avatar img{width:100%;height:100%;object-fit:cover}
.c-msg__main{flex:1;min-width:0}
.c-msg__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5em;margin-bottom:.35em}
.c-msg__name{font-weight:600;font-size:var(--fs-sm);color:var(--c-text);word-break:break-word}
.c-msg__time{font-size:var(--fs-xs);color:var(--c-text-muted)}
.c-msg__seq{margin-left:auto;font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap}
.c-msg__seq b{color:var(--c-accent);font-weight:600}
.c-msg__body{font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-text);word-break:break-word;white-space:pre-line}
.c-msg__reply{margin-top:var(--space-sm);padding:.7em .9em;border-radius:var(--radius-md);
  background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface-2));border:1px solid var(--c-border)}
.c-msg__replyhead{display:flex;align-items:center;gap:.4em;font-size:var(--fs-xs);font-weight:600;color:var(--c-accent);margin-bottom:.25em}
.c-msg__replybody{font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-text);word-break:break-word;white-space:pre-line}
@container (max-width:380px){.c-msg__seq{display:none}}

/* ---- guestbook feed (data/gbook_list, e.g. on the home page) ---- */
.c-gbookwall{display:grid;gap:var(--space-md);container-type:inline-size;
  grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}
.c-gbookcard{display:flex;flex-direction:column;gap:.6em;padding:var(--space-md);border-radius:var(--radius-md);
  background:var(--c-surface-2);border:1px solid var(--c-border);transition:border-color var(--dur) var(--ease)}
.c-gbookcard:hover{border-color:var(--c-accent)}
.c-gbookcard__head{display:flex;align-items:center;gap:.6em}
.c-gbookcard__avatar{width:36px;height:36px;flex:none;border-radius:50%;overflow:hidden;background:var(--c-surface);border:1px solid var(--c-border)}
.c-gbookcard__avatar img{width:100%;height:100%;object-fit:cover}
.c-gbookcard__meta{display:flex;flex-direction:column;min-width:0;flex:1}
.c-gbookcard__name{font-size:var(--fs-sm);font-weight:600;color:var(--c-text)}
.c-gbookcard__time{font-size:var(--fs-xs);color:var(--c-text-muted)}
.c-gbookcard__quote{font-size:1.4rem;color:var(--c-accent);opacity:.35;flex:none}
.c-gbookcard__body{font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--c-text);word-break:break-word}
.c-gbookcard__reply{font-size:var(--fs-xs);line-height:var(--lh-base);color:var(--c-text-muted);
  padding:.5em .7em;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface))}
.c-gbookcard__reply .bi{color:var(--c-accent)}

/* ---- compact report card (gbook/report) ---- */
.c-report{max-width:480px;margin:var(--space-xl) auto}
.c-report__target{display:flex;gap:.5em;align-items:flex-start;padding:.75em .9em;margin-bottom:var(--space-md);
  border-radius:var(--radius-md);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:var(--fs-sm)}
.c-report__target .bi{color:var(--c-accent);margin-top:.15em;flex:none}
.c-report__target b{color:var(--c-text);word-break:break-word}
.c-report__foot{margin-top:var(--space-md);text-align:center;font-size:var(--fs-sm)}
.c-report__foot a{color:var(--c-text-muted)}
.c-report__foot a:hover{color:var(--c-accent)}